﻿<%@ Page Title="" Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YUIAspNetDemo.AutoComplete.General" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : AutoComplete : Usage info</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>General</h1>
    
    <p>This basic example of the YUIAsp.Net AutoComplete control uses a remote datasource, which returns the searched text, concatenated with a number between 0-9.</p>
    
    <p>To simulate a heavy processing on the server, the autocomplete handler waits for 3 second using Thread.Sleep before sending the response.</p>
    
    <p>Animation of the control is set to both vertical and horizontal.</p>
    
    <p>A shadow is also displayed in the result box, using the UseShadow property.</p>
    
    <p>The YUIAsp.Net AutoComplete control displays on top of the html select.</p>
        
    
    <p><yui:AutoComplete ID="autoComplete" EnableAnimation="true" UseIFrame="true" AnimateVertically="true" AnimationSpeed="0.9" UseShadow="true" Width="200px" runat="server" /></p>
    <br /><br /><br />
    <p>
        <select>
            <option value="1">item 1</option>
            <option value="2">item 2</option>
            <option value="3">item 3</option>
            <option value="4">item 4</option>
            <option value="5">item 5</option>
        </select>
    </p>
</asp:Content>